<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鲁班商城-配送地址</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/address.css" />
	</head>

	<body>
		<!--头部-->
		<div class="header">
			<!--头部顶部-->
			<div class="headertop">
				<div class="center">
					<!--顶部左边-->
					<div class="left">
						<ul class="clearfix">
							<li>
								<a href="registered.html">注册</a>
							</li>
							<li>
								<a href="nologinpay.html">登录</a>
							</li>
							<li>
								<a href="viplogin.html">VIP登录</a>
							</li>
						</ul>
					</div>
					<!--顶部右边-->
					<div class="right">
						<ul>
							<li>
								<a href="#">商家入驻</a>
							</li>
							<li>
								<a href="#">我的订单</a>
							</li>
							<li>
								<a href="My car.html"><i class="iconfont icon-cart"></i><em>(0)</em></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--头部中间部分==logo+搜索栏-->
			<div class="headercenter">
				<div class="center">

					<div class="wrapper">
						<div class="cube">
							<b class="left"></b>
							<b class="right"></b>
							<i class="front"></i>
							<i class="back"></i>
						</div>
					</div>

					<!--logo-->
					<div class="logo">
						<ul class="logo3d">
							<li class="front">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
							<li class="back">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
						</ul>
						<ul class="logo3d">
							<li class="left">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
							<li class="right">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
						</ul>
					</div>
					<!--搜索栏-->
					<div class="search">
						<form action="" class="clearfix">
							<input type="search" name="search" placeholder="search" />
							<button><i class="iconfont icon-search3"></i></button>
						</form>
					</div>
				</div>
			</div>

			<!--头部最后--导航栏部分-->
			<div class="headerbottom">
				<div class="nav">
					<ul class="clearfix">
						<li>
							<a href="index.html">木工</a>
							<!--经过导航栏弹出详细导航-->
							<div class="navigation" id="navwidth">
								<div class="centent clearfix">
									<div class="listing1 fl">
										<ul class="fl">
											<li>板材</li>
											<li>装饰面板</li>
											<li>宝丽版</li>
											<li>三聚氰胺版</li>
											<li>铝朔版</li>
											<li>多层版</li>
											<li>中纤版</li>
											<li>细木工板</li>
											<li>刨花版</li>
										</ul>
										<ul class="fl">
											<li>欧松板</li>
											<li>防火板</li>
											<li>密度板</li>
											<li>其他板材</li>
										</ul>
									</div>
									<div class="listing2 fl">
										<ul>
											<li>地板</li>
											<li>实木地板</li>
											<li>实木复合地板</li>
											<li>强化复合地板</li>
											<li>竹地板</li>
											<li>软木地板</li>
											<li>塑料地板</li>
											<li>PVC地板</li>
											<li>其他地板</li>
										</ul>
									</div>
									<div class="listing3 fl">
										<ul class="fl">
											<li>木线</li>
											<li>普通龙骨</li>
											<li>精品龙骨</li>
											<li>顶线</li>
											<li>门线</li>
											<li>角线</li>
											<li>木方线</li>
											<li>收口线</li>
											<li>花木线</li>
										</ul>
										<ul>
											<li>踢脚线</li>
											<li>定制木线</li>
											<li>其它木线</li>
										</ul>
									</div>
									<div class="listing4 fl">
										<ul class="fl">
											<li>地板配件</li>
											<li>地板钉</li>
											<li>扣条</li>
											<li>地垫</li>
											<li>地板蜡</li>
											<li>地板清洁剂</li>
											<li>底板防水油</li>
											<li>地板修补剂</li>
											<li>甲醇清除剂</li>
										</ul>
										<ul>
											<li>地板安装工具</li>
											<li>其他地板配件 </li>
										</ul>
									</div>
									<div class="listing5 fl">
										<ul>
											<li>吊顶钢龙骨</li>
											<li>吊筋</li>
											<li>吊钢</li>
											<li>轻钢龙骨</li>
											<li>扣板龙骨</li>
											<li>铝合金龙骨</li>
											<li>其它吊件</li>
										</ul>
									</div>
									<div class="listing6 fl">
										<ul class="fl">
											<li>木工类五金</li>
											<li>拉手</li>
											<li>锁</li>
											<li>合页</li>
											<li>铰链</li>
											<li>插销</li>
											<li>门夹</li>
											<li>碰珠</li>
											<li>脚轮</li>
										</ul>
										<ul class="fl">
											<li>闭门器</li>
											<li>地弹簧</li>
											<li>吊轮</li>
											<li>导轨</li>
											<li>螺栓</li>
											<li>钉</li>
											<li>角码</li>
											<li>螺母</li>
										</ul>
										<ul class="fl">
											<li>围网</li>
											<li>其他木工五金</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="address.html">水泥工</a>
						</li>
						<li>
							<a href="affirm.html">油漆工</a>
						</li>
						<li>
							<a href="detail.html">水电工</a>
						</li>
						<li>
							<a href="play.html">门窗/其他</a>
						</li>
						<li>
							<a href="fenlei.html">装修工具</a>
						</li>
						<li>
							<a href="sousuo.html">消防材料</a>
						</li>
						<li>
							<a href="PayM.html">建筑防护</a>
						</li>
						<li>
							<a href="car.html">精细化学品</a>
						</li>
						<li>
							<a href="Information.html">定制/非标准</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			var navwidth = document.getElementById("navwidth");
			width = window.innerWidth;
			navwidth.style.width = width + "px";
			//			console.log(navwidth);
		</script>

		<div class="paly">
			<div class="cart-left">
				<div class="mycart">
					<p>我的购物车</p>
				</div>
				<div class="vip">
					<p>VIP平时享受正价九折优惠</p>
				</div>
				<div class="name">
					<p>会员账号</p>
					<p>张三@某某</p>
				</div>
				<div class="add-nav">
					<ul>
						<a href="#">
							<li>
								<p>1.配送地址</p>
							</li>
						</a>
						<a href="#">
							<li>
								<p>2.支付方式</p>
							</li>
						</a>
						<a href="#">
							<li>
								<p>3.订单确认</p>
							</li>
						</a>
					</ul>
				</div>
				<!--地址管理-->
				<div class="add">
					<div class="add-title">
						<p>地址管理</p>
					</div>
					<div class="add-detail">
						<ul>
							<li>
								<label>
									<input type="radio" name="address">
									<span>姓名张三</span>
									<span>广东省深圳市罗湖区东盛路</span>
									<span>13510154892</span>
								</label>
								<span><a href="#">修改</a></span>
							</li>
							<li>
								<label>
									<input type="radio" name="address">
									<span>姓名张三</span>
									<span>广东省深圳市罗湖区东盛路</span>
									<span>13510154892</span>
								</label>
								<span><a href="#">修改</a></span>
							</li>
						</ul>
					</div>
					<div class="add-new">
						<a href="#">+添加新地址</a>
					</div>
				</div>
				<!--特殊说明-->
				<div class="explain">
					<p>特殊说明</p>
					<input type="text" style="width: 825px; height: 36px;padding-left: 8px;" placeholder="如有特殊配送要求，请在这里留言。">
				</div>
				<div class="money">
					<form>
						<table>
							<tr>
								<td width="87px" height="33px">商品金额</td>
								<td width="463px">￥750.00</td>
							</tr>
							<tr>
								<td height="33px">优惠</td>
								<td><span>-￥0.00</span></td>
							</tr>
							<tr>
								<td height="33px">运费</td>
								<td>￥0.00</td>
								<td><span>送货方式</span></td>
							</tr>
							<tr>
								<td height="33px">订单总额</td>
								<td>￥750.00</td>
								<td width="112px">商城快递</td>
								<td>￥0.00<span>（预计2-3天发货）</span></td>
							</tr>
						</table>
					</form>
				</div>
				<!--下一步-->
				<div class="next">
					<a href="play.html"><div>下一步</div></a>
				</div>
				<!--推荐商品-->
				<div class="recommend">
					<p>推荐商品</p>
					<div class="recommend1">
						<p>查看下面的推荐商品</p>
					</div>
				</div>
				<div class="rec">
					<div>
						<a href="">
							<div class="one">
								<div><img src="img/pic_03.jpg"></div>
								<p>产品名称</p>
								<p>产品型号</p>
								<p>产品价格</p>
							</div>
						</a>
						<a href="">
							<div class="one">
								<div><img src="img/pic_03.jpg"></div>
								<p>产品名称</p>
								<p>产品型号</p>
								<p>产品价格</p>
							</div>
						</a>
						<a href="">
							<div class="one">
								<div><img src="img/pic_03.jpg"></div>
								<p>产品名称</p>
								<p>产品型号</p>
								<p>产品价格</p>
							</div>
						</a>
						<a href="">
							<div class="two">
								<div><img src="img/pic_03.jpg"></div>
								<p>产品名称</p>
								<p>产品型号</p>
								<p>产品价格</p>
							</div>
						</a>
						<div class="clear"></div>
					</div>
					<div>
						<a href="#" class="left"><img src="img/left_03.jpg"/></a>
						<a href="#" class="right"><img src="img/right_05.jpg"/></a>
					</div>
				</div>
			</div>
			<!--我的购物车右边-->
			<div class="cart-right">
				<div class="ca">
					<span>我的购物车</span>
					<a href="#">修改</a>
				</div>
				<!--购物车详细第一行-->
				<div class="xiangxi">
					<a href="#">
						<div class="img">
							<img src="img/pic_03.jpg"/>
						</div>
					</a>
					<div class="description">
						<p>商品品牌名称</p>
						<br>
						<p>
							<span>颜色：</span>
							白色
						</p>
						<p>
							<span>规格：</span>
							规格X规格
						</p>
						<p>
							<span>货号：</span>
							<span>NH5478525666</span>
						</p>
						<p>数量:&nbsp;&nbsp;&nbsp;&nbsp;1</p>
						<span>价格：¥150.00</span>
						<span>价格：¥150.00</span>
					</div>
					<div class="clear"></div>
				</div>
				<!--购物车详细第二行-->
				<div class="xiangxi">
					<a href="#">
						<div class="img">
							<img src="img/pic_03.jpg"/>
						</div>
					</a>
					<div class="description">
						<p>商品品牌名称</p>
						<br>
						<p>
							<span>颜色：</span>
							白色
						</p>
						<p>
							<span>规格：</span>
							规格X规格
						</p>
						<p>
							<span>货号：</span>
							<span>NH5478525666</span>
						</p>
						<p>数量:&nbsp;&nbsp;&nbsp;&nbsp;1</p>
						<span>价格：¥150.00</span>
						<span>价格：¥150.00</span>
					</div>
					<div class="clear"></div>
				</div>
				<!--订单总额-->
				<div class="all-money">
					<p>商品金额 <span>¥900.00</span></p>
					<p>优惠  <span>-¥0.00</span></p>
					<p>运费 <span>¥0.00</span></p>
					<!--分割线-->
					<div></div>
					<p>订单总额 <span>¥900.00</span></p>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<!--内容结束-->
		
		
		
		<!--底部-->
		<div class="footer">
			<div class="footer-top center">
				<ul class="clearfix">
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>品质保障</dt>
								<dd>品质保证 购物无忧</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>特色服务</dt>
								<dd>针对户型 私人定制</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>全网最低</dt>
								<dd>厂家直销 低价承诺</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>帮助中心</dt>
								<dd>您的购物指南</dd>
							</dl>
						</a>
					</li>
				</ul>
			</div>
			<div class="footer-center center clearfix">
				<dl>
					<dt>新手指南</dt>
					<dd>
						<a href="#">新手指南</a>
					</dd>
					<dd>
						<a href="#">购物流程</a>
					</dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">支付宝</a>
					</dd>
					<dd>
						<a href="#">微信支付</a>
					</dd>
				</dl>
				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">配送方式</a>
					</dd>
					<dd>
						<a href="#">服务流程</a>
					</dd>
				</dl>
				<dl>
					<dt>客服中心</dt>
					<dd>
						<a href="#">在线客服</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
				</dl>
				<dl>
					<dd>扫一扫,关注鲁班兄弟</dd>
					<img src="img/erweima.jpg" alt="" />
				</dl>
			</div>
			<div class="footer-bottom">
				<ul class="clearfix center">
					<li>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">联系我们</a>
					</li>
					<li>
						<a href="#">法律声明</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>

